<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>三元数字补0案例</title>
    <script>
        //问：用户输入数字，如果数字小于10，则在前面补0，比如01,09， 如果数字大于10，则不需要补，比如20
        //案例分析: 用户输入一个数字
        //如果数字小于10,则在这个数字前面补0，(加0)否则 不做操作
        //用一个变量接收这个返回值，输出
        var time = prompt('请您输入一个'); //这里验证了我下面的猜想，如果输入09 弹出来的会是009
        //三元表达式   表达式?  表达式1:表达式2
        var result = time < 10 ? '0' + time : time; //把返回值赋值给一个变量
        alert(result);

        //自己动手 丰衣足食(主要是太完美了，居然输入09 结果还是09)
        /* var num = parseInt(prompt('请您输入数字'));   //我猜测是我这里将输入的转化为数值型，还是int 
                                                        //所以输入了09给我自动转化成9,所以...
        num < 10 ? alert('您输入的数字小于10，现补上0为:' + '0' + num) : alert('您输入的数字大于10，不补0：' + num); */
    </script>
</head>

<body>

</body>

</html>